/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_THEME,
    COLOR_WHITE,
    FONT_COLOR_TITLE,
    FONT_SIZE_14,
    FONT_SIZE_SUB_TITLE,
    FONT_SIZE_TITLE,
    COLOR_GRAY_LINE, FONT_COLOR_SUB_TITLE, COLOR_GRAY_BACKGROUND, COLOR_HEADER_END, COLOR_FOCUS, COLOR_LINK
} from "../../../constant/PHColors"
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../constant/PHScreen"
import {Header} from "react-navigation";

export const styles = StyleSheet.create({
    body:{
        height:SCREEN_HEIGHT-Header.HEIGHT,
    },

    ScrollableTabView: {
        flex: 1,
        // width:SCREEN_WIDTH,
        backgroundColor: '#fefefe',
        height:0,
    },


    container: {
        width:SCREEN_WIDTH,
        backgroundColor: '#FFFFFF',
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },

    windowCenter:{
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
    },

    headerText: {
        fontSize: 16,
        color: FONT_COLOR_SUB_TITLE,
    },

    boxHeader:{
        width:SCREEN_WIDTH-8,
        marginLeft: 4,
        marginTop: 5,
        height: 40,
        borderWidth: 1,
        borderColor:COLOR_FOCUS,
        flexDirection: 'row',
        // justifyContent: 'flex-start',
        alignItems: 'center',
        backgroundColor: '#f9f9f9',
    },

    boxHeaderText:{
        color:COLOR_FOCUS,
        marginLeft:3,
        maxWidth: 250,
    },

    boxContainer:{
        width:SCREEN_WIDTH-8,
        marginLeft: 4,
        borderWidth: 1,
        borderColor:COLOR_FOCUS,
        borderTopWidth: 0,
        padding: 5,
        flexDirection: 'row',
        flexWrap: 'wrap',
    },

    roomList:{
        flex:1,
        flexDirection: 'column',
    },

    buildingBox:{
        marginTop: 5,
        height: 40,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderWidth:1,
        borderColor:COLOR_GRAY_BACKGROUND
    },

    roomStatusBox:{
        flexDirection: 'row',
        flexWrap: 'wrap',
        minHeight: 40,
        borderWidth:1,
        borderColor:COLOR_GRAY_BACKGROUND,
        justifyContent: 'flex-start',
        alignItems: 'center',
    },

    floorScroll:{
        flex:1,
        marginTop: 5,
        flexDirection: 'column',
        // backgroundColor:'blue',
    },

    buildingBottomView:{
        height:50,
        flexDirection: 'row',
        justifyContent:'center',
        alignItems: 'center',
        paddingTop: 4,
        paddingBottom: 4,
    },

    buildingBottom:{
        flex:1,
        flexDirection: 'row',
        justifyContent:'center',
        alignItems: 'center',
        width:(SCREEN_WIDTH-8) * 5/5 / 2,
        marginLeft:2,
        marginRight:2,
        borderWidth:1,
        borderColor:COLOR_GRAY_BACKGROUND,
    },

    buildingBottomText:{
        color:COLOR_LINK,
        fontSize:14,
    },

    floorBox:{
        flex:1,
        // backgroundColor:'pink',
        flexDirection: 'row',
        flexWrap: 'wrap',
    },

    leftRoomBox:{
        width:(SCREEN_WIDTH-10-25)/5,
        height:(SCREEN_WIDTH-10-25)/10,
        marginLeft:3,
        marginBottom:3,
        flexDirection:'row',
        justifyContent:'flex-start',
        alignItems:'center',
        paddingLeft: 5,
        paddingRight: 5,
    },

    rightRoomBox:{
        width:(SCREEN_WIDTH * 5/5-8)/4,
        height:(SCREEN_WIDTH-10-20)/10,
        marginLeft:1,
        marginRight:1,
        marginBottom:2,
        marginTop:2,
        flexDirection:'row',
        alignItems:'center',
        paddingLeft: 3,
        paddingRight: 3,
    },

    cellFloorView:{
        height: 35,
        flexDirection: 'row',
        borderWidth: 0,
        backgroundColor:COLOR_GRAY_BACKGROUND,
        width:SCREEN_WIDTH * 5/5,
    },

    cellFloorText:{
        flex: 1,
        marginLeft: 5,
        marginTop: 5,
        fontSize: FONT_SIZE_TITLE,
        color: FONT_COLOR_SUB_TITLE,
    },

    cellFloorBtn:{
        flex: 1,
        marginRight: 5,
        textAlign:'right',
    },

    headerLeft:{
        flex: 1,
        flexDirection: 'row'
    },

    boxHeaderBtn:{
        marginRight:4,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderWidth:1,
        borderColor:COLOR_LINK,
        paddingLeft:3,
        paddingRight:3,
        height:28,
        color:COLOR_LINK,
    },

    userButton:{
        paddingLeft:5,
        paddingRight:5,
        height:30,
        borderWidth:1,
        marginRight: 15
    },

    checkmodalContainer:{
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },

    checkModalBody:{
        top:(SCREEN_HEIGHT-100)/2,
        height: 140,
        left:40,
        width:SCREEN_WIDTH - 80,
        backgroundColor:'white',
        borderRadius:3,
    },

    checkModalLine: {
        flexDirection:'row',
        height: 30,
        justifyContent: 'flex-start',
        alignItems: 'center',
    },

    checkModalHeader: {
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
    },

    checkModalCenter:{
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection:'row'
    },

    checkModalCenterLeft:{
        flex:1,
        height: 44,
        margin: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor:'#cecece'
    },

    checkModalCenterRight:{
        flex:1,
        height: 44,
        margin: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor:'#2f67ff'
    },

    modalInput:{
        backgroundColor:'transparent',
        fontSize:17,
        paddingTop: 0,
        paddingBottom: 0,
        paddingLeft: 5,
        marginLeft:15,
        marginRight:15,
        width:SCREEN_WIDTH - 90,
        height:40,
        borderWidth: 1,
        borderColor:"#aaaaaa"
    },
});